{% extends "_layouts/examples.html" %}
{% block title %}Hero / Line break{% endblock %}
{% block standalone_css %}patterns_all{% endblock %}

{% set is_paper = True %}
{% block content %}

<section class="p-section--hero">
    <div class="row--25-75">
        <div class="col">
            <div class="p-section--shallow">
                <h1>Press centre</h1>
                <p class="p-heading--2">All the latest news and featured stories from&nbsp;Canonical.</p>
            </div>
            <hr class="p-rule--muted" />
            <div class="row">
                <div class="col-3 col-medium-2">
                    <h2 class="p-muted-heading">Resources</h2>
                    <ul class="p-list">
                        <li class="p-list__item">
                            <a href="#">Canonical logos</a>
                        </li>
                        <li class="p-list__item">
                            <a href="#">Brand guidelines</a>
                        </li>
                        <li class="p-list__item">
                            <a href="#">Media kit</a>
                        </li>
                    </ul>
                </div>
                <div class="col-6 col-medium-4">
                    <h2 class="p-muted-heading">Get in touch</h2>
                    <p>For the Canonical Communications team, email <a href="#">pr@canonical.com</a>.</p>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}
